<template>
    <div class="">
        <div class="ul">
            <router-link tag="li" to="/home">
                <i class="iconfont icon-shouye-kuang"></i>
                <br />
                <p>首页</p>
            </router-link>
            <router-link tag="li" to="/list">
                <i class="iconfont icon-leimupinleifenleileibie1"></i>
                <br />
                <p>分类</p>
            </router-link>
            <router-link tag="li" to="/cart">
                <i class="iconfont icon-qicheqianlian-select"></i>
                <br />
                <p>购物车</p>
            </router-link>
            <router-link tag="li" to="/my">
                <i class="iconfont icon-wode1"></i>
                <br />
                <p>个人</p>
            </router-link>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    mounted() {},
    methods: {},
};
</script>

<style lang="scss" scoped>
.ul {
    width: 100%;
    height: 1.2rem;
    background: white;
    font-size: 0.3rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    li {
        text-align: center;
        list-style: none;
        i {
            font-size: 0.4rem;
        }
        p {
            margin-top: 0.2rem;
        }
    }
}
</style>
